@import "../common/index";
.commonBottom{
  padding: 2rem 0;
  color: @allWhite;
  background: #000;
  .panelBox{
    display: flex;
    .left{
      flex: 1;
      display: flex;
      .bottomItem{
        margin-right: 2rem;
        .bottomTitle{
          font-size: 18px;
        }
        .split{
          width: 115px;
          height: 1px;
          background: #FFFFFF;
          opacity: 0.1;
          margin: 15px 0;
        }
        .infoBox{
          color: #78818c;
          .info{
            display: flex;
            align-items: center;
            margin-top: 0.8rem;
            cursor: pointer;
            color: rgba(255,255,255,.5);
            &:hover{
              color: @allPrimaryColor;
            }
            img{
              margin-right: .4rem;
            }
            &:first-child{
              margin-top: 0;
            }
          }
        }
        &.call{
          margin-left: 4rem;
        }
      }
    }
    .right{
      display: flex;
      .QRCodeBox{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-left: 1rem;
        img{
          width: 6rem;
          height: 6rem;
          margin-bottom: .5rem;
        }
      }
    }
  }
}
